<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%

	List<ServiceProductView> spList = null;
	String serviceTypeName = "";
	if(request.getAttribute("pageList")!=null){
		spList = (List)request.getAttribute("pageList");
	}
	if(request.getAttribute("serviceTypeName")!=null){
		serviceTypeName =request.getAttribute("serviceTypeName").toString();
	}


%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="java.util.List"%>
<%@page import="com.doone.telmarket.domain.ServicePage"%>
<%@page import="com.doone.telmarket.domain.ServiceProduct"%>
<%@page import="com.doone.telmarket.domain.ServiceProductView"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title>增值业务超市 - 语音及短信增值业务</title>
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/style_link.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/tab.css" rel="stylesheet" type="text/css" />
    <SCRIPT src="${pageContext.request.contextPath}/js/tab.js" type=text/javascript></SCRIPT>
          <script src="${pageContext.request.contextPath}/js/jquery.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.ui.draggable.js"
	type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.alerts.js"
	type="text/javascript"></script>
<link href="${pageContext.request.contextPath}/css/jquery.alerts.css"
	rel="stylesheet" type="text/css" media="screen" />
   
    <script type="text/javascript">
    
    	function submitForm(actionUrl,fee,id,mode,name){
			document.getElementById("actionUrl").value=actionUrl;
			document.getElementById("fee").value=fee;
			document.getElementById("productid").value=id;
			document.getElementById("orderMode").value=mode;
			document.getElementById("businame").value=name;
			document.getElementById("fom").submit();
        }

        window.onload = function(){
        	var context = document.getElementById("contextPath").value;
        	$.ajax({
			    url: context+'/web/getHotBusiByType',
			    type: 'POST',
			    data:'type=M',
			    timeout: 15000,
			    error: function(){
			    	jAlert('获取数据失败','消息');
			    },
			    success: function(msg){
			    	if(msg=="获取数据失败"){
			    		$("#headHotBusi").append("获取数据失败");
					}else{
						eval('var obj='+msg);
						var str = "";
						for(var i=0;i<obj.length;i++){
							if(obj.length==1){
								str += "<a href='"+context+obj[i].pageUrl+"' target='_parent'>"+obj[i].productName+"</a>";
							}else{
								if(i=obj.length-1){
									str += "<a href='"+context+obj[i].pageUrl+"' target='_parent'>"+obj[i].productName+"</a>";
								}else{
									str += "<a href='"+context+obj[i].pageUrl+"' target='_parent'>"+obj[i].productName+"</a>|";
								}
							}
						}
						$("#MiddleHotBusi").append(str);
					}
			    }
			});

        }
    </script>
</head>

<body><input type="hidden" id="contextPath" value="${pageContext.request.contextPath}" />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#"><a name="TOP" id="gongneng5"></a></a>
    <form action="${pageContext.request.contextPath}/web/verify.jsp" method="post" id="fom">
    	<input type="hidden" name="productId" id="productid" >
    <input type="hidden" name="businame" id="businame" >
    <input type="hidden" name="fee" id="fee" >
    <input type="hidden" name="orderMode" id="orderMode">
    <input type="hidden" name="actionUrl" id="actionUrl">
    </form>
    <iframe src="${pageContext.request.contextPath}/web/common/head.jsp" width="100%" height="267" scrolling="No" frameborder="0"></iframe></td>
  </tr>
</table>
<table width="987" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:8px;">
  <tr>
    <td height="16" align="left" valign="middle" class="huise_12">&nbsp;<a href="${pageContext.request.contextPath}/web/index.htm">超市首页</a> &gt; <%=serviceTypeName %></td>
  </tr>
</table>


<iframe src="${pageContext.request.contextPath}/admin/templete/classification.jsp" width="100%" height="50px" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>

<table width="987" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="774" height="500" align="left" valign="top"><table width="769" height="26" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10"><img src="${pageContext.request.contextPath}/images/list/index_2.gif" width="10" height="30" /></td>
        <td width="753" background="${pageContext.request.contextPath}/images/list/index_3.gif">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="10" align="center" valign="middle" class="baise_14"><img src="${pageContext.request.contextPath}/images/lm_01.gif" width="10" height="30" /></td>
              <td width="151" align="center" valign="middle" background="${pageContext.request.contextPath}/images/lm_03.gif" class="baise_14" style="padding-top:2px;"><%=serviceTypeName %></td>
              <td width="10" height="30" align="center" valign="middle" class="baise_14"><img src="${pageContext.request.contextPath}/images/lm_02.gif" width="10" height="30" /></td>
              <td width="614" height="30" align="left" valign="bottom"><table height="24" border="0" cellpadding="0" cellspacing="0" style="margin-left:10px;">
                <tr>
                  </tr>
              </table></td>
            </tr>
        </table></td>
        <td width="10" align="right"><img src="${pageContext.request.contextPath}/images/list/index_4.gif" width="10" height="30" /></td>
      </tr>
    </table>
<table width="769" height="880" border="0" cellpadding="0" cellspacing="0">
<tr>
            <td height="896" align="center" valign="top" style="border-left:1px solid #c2282a; border-right:1px solid #c2282a;">
            
            <table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
            <tr>
                  <td height="18"><a href="#"><a name="yinyue" id="gongneng4"></a></a></td>
              </tr>
              </table>
              
              
              
                  <%
                  
                  	for(int i=0;i<spList.size();i++){
                  		ServiceProductView sv = spList.get(i);
                  		%>
                  		<table width="723" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="723" height="133" align="center" valign="middle">
                  <table width="723" height="137" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="136" align="left" valign="middle">
                        
                        <table width="99" height="100" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="99" height="75" align="center" style="border:1px solid #dfe8ef;"><a href="${pageContext.request.contextPath}<%=sv.getPageUrl() %>"><img src="${pageContext.request.contextPath}<%=sv.getPageSmallIcon() %>" width="90" height="65" /></a></td>
                            </tr>
                            <tr>
                              <td width="99" height="25" align="center" valign="middle" class="juhongse_12">订购价格:<%=sv.getFee()/100 %>元/月</td>
                            </tr>
                        </table></td>
                        <td width="0" align="left"><table width="450" height="104" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td height="20" align="left" valign="middle" class="huise3_12"><strong class="Juh_12">业务名称：<a href="yw_Imusic.htm"><%=sv.getProductName() %></a></strong></td>
                            </tr>
                            <tr>
                              <td height="20" align="left" valign="middle"><table width="409" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td width="61" height="13"><span class="huise3_12">推荐星级</span>：</td>
                                    <td width="348" align="left" valign="middle" class="huise_12"><%
                                    	for(int z=0;z<sv.getGrade();z++){
                                    		 %><img src="${pageContext.request.contextPath}/images/list/rihgt_4.gif" width="13" height="12" /><%
                                    	}
                                    %>
                                    </td>
                                  </tr>
                              </table></td>
                            </tr>
                            <tr>
                              <td height="20" align="left" valign="middle" style="line-height:16px;" class="huise3_12"><table width="409" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td height="13" align="left" class="huise3_12"><span class="huise3_12" style="line-height:16px;">业务介绍：<%=sv.getContent() %> </span></td>
                                  </tr>
                              </table></td>
                            </tr>
                            <tr>
                              <td height="34" align="left" valign="bottom" class="juhongse_12"><table border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td width="85" height="23" align="left" valign="middle"><img src="${pageContext.request.contextPath}/images/list/btn_2.gif" width="70" height="20" style="cursor: hand" onclick="submitForm('buyValueAdded','<%=sv.getFee()/100 %>','<%=sv.getProductid() %>','<%=sv.getOrderMode() %>','<%=sv.getProductName() %>')"/></td>
                                    <td width="85" align="left" valign="middle"><img src="${pageContext.request.contextPath}/images/list/btn_3.gif" width="70" height="20"  style="cursor: hand"  onclick="submitForm('cancelValueAdded','<%=sv.getFee()/100 %>','<%=sv.getProductid() %>','<%=sv.getOrderMode() %>','<%=sv.getProductName() %>')"/></td>
                                    <td width="85" align="left" valign="middle"><a href="${pageContext.request.contextPath}/<%=sv.getPageUrl() %>"><img src="${pageContext.request.contextPath}/images/list/btn_4.gif" width="70" height="20"  /></a></td>
                                  </tr>
                              </table></td>
                            </tr>
                        </table></td>
                        <td width="124" align="right"><table width="117" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="111" align="center" valign="middle" background="${pageContext.request.contextPath}/images/list/index_8.gif"><table width="117" height="101" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <td height="82" align="center" valign="top"><a href="${pageContext.request.contextPath}/web/showFlash.jsp?flash=<%=sv.getPageFlash() %>" target="_blank"><img src="${pageContext.request.contextPath}/images/list/bmp_1.gif" width="109" height="82" /></a></td>
                                  </tr>
                                  <tr>
                                    <td align="center" valign="middle" class="nanse2_u"><a href="${pageContext.request.contextPath}/web/showFlash.jsp?flash=<%=sv.getPageFlash() %>">flash体验</a></td>
                                  </tr>
                              </table></td>
                            </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
              </table>
              
              
              
              <table width="723" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:8px; border-bottom:1px dashed #cccccc">
                <tr>
                  <td height="2"></td>
                </tr>
              </table>
                  		<%
                  	}
                  %>
              
             
              <table width="723" border="0" cellpadding="0" cellspacing="0" >
                <tr>
                 <%
               		if(spList.size()>0){
               		 %> 
               		 <td height="2"><a href="${pageContext.request.contextPath}/web/getStartPage?serviceTypeName=<%=serviceTypeName %>">首页</a>
               		 <a href="${pageContext.request.contextPath}/web/getPriviPage?serviceTypeName=<%=serviceTypeName %>">上一页</a>
               		 <a href="${pageContext.request.contextPath}/web/getNextPage?serviceTypeName=<%=serviceTypeName %>">下一页</a>
               		<a href="${pageContext.request.contextPath}/web/getEndPage?serviceTypeName=<%=serviceTypeName %>">尾页</a>
               		 </td>
                 
               		 <%
               		}else{
               		 %>
               		 <td height="2">没有查询到数据</td>
               		 <%
               		}
              %>
                  
                </tr>
              </table>
          </td>
        </tr>
    </table>
    
      <table width="769" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:8px;">
          <tr>
            <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_1.gif" width="10" height="6" /></td>
            <td width="749" background="${pageContext.request.contextPath}/images/tab_foot_2.gif"></td>
            <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_3.gif" width="10" height="6" /></td>
          </tr>
<tr></tr>
    </table></td>
    <td width="213" align="right" valign="top">
	  <iframe src="${pageContext.request.contextPath}/web/common/activity.html" width="100%"  height="317px"  frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
     <iframe src="${pageContext.request.contextPath}/web/common/m_left.jsp" width="100%" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
	<iframe src="${pageContext.request.contextPath}/web/common/imusicSort.html" width="100%" height="322px" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
	</td>
  </tr>
</table>
<table width="986" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><iframe src="${pageContext.request.contextPath}/web/common/footer.html" width="986" height="159" scrolling="No" frameborder="0"></iframe></td>
  </tr>
</table>
</body>
</html>